<script  setup>
import left from './left.vue';
</script>
 <!-- 页面布局  -->
<template>
    <div class="common-layout">
        <el-container>
            <el-aside width="200px">
                <left></left>
            </el-aside>
            <el-container>
                <el-header>

                </el-header>
                <el-main><router-view /></el-main>
                <!-- 子级菜单出口 -->
            </el-container>
        </el-container>
    </div>
</template>

<style  scoped>
.common-layout {
    width: 100%;
    height: 100%;
}

.el-container {
    width: 100%;
    height: 100%;
}

.el-aside {
    width: 15%;
    height: 100%;
    background-color: aquamarine;
}

.el-header {
    width: 100%;
    height: 10%;
    background-color: beige;
}

.el-main {
    width: 100%;
    flex: 1;
    background-color: burlywood;
}

.el-button {
    margin-left: 1250px;
    margin-top: 50px;
}
</style>
